<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/3-already-order.css">
    <title>Document</title>
</head>
<body>
    <div class="tel-top"></div>
    <div class="hole-div">
        <!-- 顶部搜索框 -->
        <div class="top">
            <div class="top-icon-1">
            <i class="fa fa-chevron-left"></i>
            </div>
            <div class="top-input">
                <div class="top-mid">
                    <i class="fa fa-search"></i>
                    <p class="t-text">搜索我的订单</p>
                </div>    
            </div>
        </div>
        <!-- 中部选择框 -->
        <div class="mid">
            <ul class="mid-list-ul">
                <li class="mlu-li">
                    <p class="li-text">全部</p>
                    <div class="li-light"></div>
                </li>
                <li class="mlu-li">
                    <p class="li-text">待付款</p>
                    <div class="li-light" style="background-color:rgb(244, 244, 244);"></div>
                </li>
                <li class="mlu-li">
                    <p class="li-text">待收货</p>
                    <div class="li-light" style="background-color:rgb(244, 244, 244);"></div>
                </li>
                <li class="mlu-li">
                    <p class="li-text">待使用</p>
                    <div class="li-light" style="background-color:rgb(244, 244, 244);"></div>
                </li>
                <li class="mlu-li">
                    <p class="li-text">待评价</p>
                    <div class="li-light" style="background-color:rgb(244, 244, 244);"></div>
                </li>
                <li class="mlu-li">
                    <p class="li-text">退款/售后</p>
                    <div class="li-light" style="background-color:rgb(244, 244, 244);"></div>
                </li>
            </ul>
        </div>
        <!-- 使用列表 -->
        <div class="use-list">
            <ul class="list-ul">
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                <li class="list-li">
                    <div class="li-top">
                        <div class="lt-letf">
                            <div class="ltl-img-div">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxc">
                            </div>
                            <p class="ltl-text">单车</p>
                        </div>
                        <div class="lt-right">
                            <p class="ltr-text">待评价</p>
                        </div>
                    </div>
                    <div class="li-bottom">
                        <div class="lb-top">
                            <div class="lbt-left">
                                <img src="/icon/page3/自行车.png" alt="单车" class="zxcb">
                            </div>
                            <ul class="lbt-right">
                                <li class="lbte-text">开锁时间：2022-06-12 06:43</li>
                                <li class="lbte-text">骑行时间：22分36秒</li>
                                <li class="lbte-text">骑行金额：1.20元（优惠券已抵扣0.30元）</li>
                            </ul>
                        </div>
                        <div class="lb-bottom">
                            <p class="lbb-text">评价</p>
                        </div>
                    </div>
                </li>
                
            </ul>
        </div>
    </div>
    
</body>
</html>